<h2>Solicitar usuario</h2>
<% @title_view = 'Usuarios' %>
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => {:onsubmit => "return validate(this);"}) do |f| %>
  <%= devise_error_messages! %>

  <div class="shadow">

    <fieldset id="agrupacion">
      <legend>Datos personales</legend>

      <fieldset class="column-left">
        <p><label>Nombre</label>
          <%= f.text_field :name %></p>

        <p><label>Teléfono</label>
          <%= f.text_field :phone %></p>

        <p><label>Dirección</label>
          <%= f.text_area :address %></p>
      </fieldset>

      <fieldset class="column-right">

        <p><label>Apellidos</label>
          <%= f.text_field :lastname %></p>

        <p><label>E-mail</label>
          <%= f.email_field :email %></p>
      </fieldset>
    </fieldset>

    <fieldset id="agrupacion">
      <legend>Datos de ingreso</legend>
      <fieldset class="column-left">
        <p><label>Usuario</label>
          <%= f.text_field :username %></p>

        <p><label>Contraseña</label>
          <%= f.password_field :password %></p>
      </fieldset>

      <fieldset class="column-right">
        <p><label>Institución cultural</label><%= f.select :cultural_institution, (CulturalHeritage::CulturalInstitution.find(:all,:conditions=>{:deleted=>[0]})).collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>

        <p><label>Confirmar contraseña</label>
          <%= f.password_field :password_confirmation %></p>
      </fieldset>
    </fieldset>

    <p><%= f.submit "Solicitar usuario"%></p>

    <%=  link_to('Volver', root_path) %>
  <% end %>

</div>

<script type="text/javascript">
  // form validation function //
  function validate(form) {
    //input
    var name = form.user_name.value;
    var lastname = form.user_lastname.value;
    var phone = form.user_phone.value;
    var email = form.user_email.value;
    var address = form.user_address.value;
    var username = form.user_username.value;
    var password = form.user_password.value;
    var passwordconf = form.user_password_confirmation.value;
    var institution = form.user_cultural_institution.value;

   if(name == "") {
      inlineMsg('user_name','Debe ingresar un nombre para el usuario.',3);
      return false;
    }
    if(!name.match(nameRegex)) {
      inlineMsg('user_name','Debe de ingresar un nombre válido.',3);
      return false;
    }

    if(lastname == "") {
      inlineMsg('user_lastname','Debe ingresar un apellido para el usuario.',3);
      return false;
    }
    if(!lastname.match(nameRegex)) {
      inlineMsg('user_lastname','Debe de ingresar un apellido válido.',3);
      return false;
    }

    if(phone == "") {
      inlineMsg('user_phone','Debe ingresar un teléfono para el usuario.',3);
      return false;
    }
    if(!phone.match(phoneRegex)) {
      inlineMsg('user_phone','Debe de ingresar un teléfono válido.',3);
      return false;
    }

    if(email == "") {
      inlineMsg('user_email','Debe ingresar un correo para el usuario.',3);
      return false;
    }
    if(!email.match(emailRegex)) {
      inlineMsg('user_email','Debe de ingresar un correo válido.',3);
      return false;
    }

    if(address == "") {
      inlineMsg('user_address','Debe ingresar una dirección para el usuario.',3);
      return false;
    }

    if(username == "") {
      inlineMsg('user_username','Debe ingresar un nick para el usuario.',3);
      return false;
    }
    if(!username.match(nameRegex)) {
      inlineMsg('user_username','Debe de ingresar un nick válido.',3);
      return false;
    }

    if(password == "") {
      inlineMsg('user_password','Debe ingresar una contraseña para el usuario.',3);
      return false;
    }

    if(passwordconf == "") {
      inlineMsg('user_password_confirmation','Debe ingresar una confirmación de contraseña para el usuario.',3);
      return false;
    }
    
    if(institution == "") {
      inlineMsg('user_cultural_institution','Debe ingresar una institución para el usuario.',3);
      return false;
    }

  }
</script>
